<!--
 * @Author: zhouyan
 * @Date: 2023-07-10 15:03:36
 * @LastEditors: zhouyan
 * @LastEditTime: 2023-07-13 19:14:31
 * @FilePath: /owe-ui/html/news-detail.html
 * @Description:
 *
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>最新动态</title>
    <link rel="stylesheet" href="../bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../js/swiper/swiper-bundle.min.css"/>

    <style>
        .top {
            position: relative;
        }
        .top-title-wrap {
            color: #fff;
            position: absolute;
            top: 40%;
            transform: translateY(-50%);
            width: 100%;
        }
        .top-title-wrap .top-title {
            font-size: 60px;
            font-weight: 600;
            margin-bottom: 30px;
        }
        .top-title-wrap .top-sub-title {
            font-size: 18px;
        }

        @media (max-width: 767.98px) {
            .top {
                height: auto;
                padding-top: 0px;
            }
            .top-title-wrap .top-title {
                font-size: 20px;
            }

            .content-wrap .right {
                display: none;
            }
        }
        .content-wrap {
            padding-top: 80px;
            display: flex;
            justify-content: space-between;
            gap: 80px;
            flex-wrap: wrap;
        }
        .content-wrap .left {
            width: 840px;
        }
        .content-wrap .right {
            /*width: 300px;*/
        }

        .content-wrap .title {
            font-size: 36px;
            font-weight: 600;
            color: #191F2D;
            margin-top: 60px;
            margin-bottom: 35px;
        }
        .content-wrap .date {
            font-size: 16px;
            color: #999999;
            margin-bottom: 35px;

        }
        .content-wrap .text {
            font-size: 16px;
            color: #666666;
            line-height: 28px;
            margin-bottom: 30px;
        }
        .hot-news {
        }
        .hot-news .hot-news-title {
            font-size: 16px;
            font-weight: 600;
            color: #191F2D;
        }
        .hot-news .hot-news-item {
            font-size: 14px;
            color: #374459;
            display: flex;
            align-items: center;
            height: 60px;
            border-bottom: 1px solid #DDE2EE;

        }
        .hot-news .hot-news-item .hot-link {
           margin-left: 10px;
            cursor: pointer;
        }
        .hot-news .hot-news-item .hot-link:hover {
            color: #0a53be;
        }
    </style>
</head>

<body>
<header>
    <div class="header-content container-md d-flex justify-content-between align-items-center">
        <div class="logo-wrap d-flex  align-items-center">
            <img style="margin-right: 10px;" width="40" src="../static/head/logo.png"/>
            银链食安
        </div>
        <div class="menu-wrap d-flex">
            <div class="menu" data-index="1">
                首页
            </div>
            <div class="menu active">
                最新动态
            </div>
            <div class="menu">
                关于我们
            </div>
        </div>
    </div>


</header>
<div class="top">
    <img class="img-fluid" src="./../static/news/top-bg.png" alt="">

    <div class="top-title-wrap ">
        <div class="container-md">
            <div class="top-title">
                城市食品安全监管系统
            </div>
            <div class="top-sub-title">
                致力于构建食安城市
            </div>
        </div>

    </div>
</div>

<div class="container-md content-wrap">
    <div class="left">
        <div class="nav">
            <a href="news.html" >最新咨询</a> >文章
        </div>
        <div class="title">
            放大招！百度统计推出屏蔽垃圾信息的有力武器
        </div>
        <div class="date">
            2023/09/09
        </div>
        <div class="content">
            <div class="text">
                一直以来，黑灰产在客户报告里刷垃圾广告信息的情况屡禁不止，这些机构无视法律法规，在违法的边缘反复试探，对广大统计用户造成了很大的打扰和数据异常。
            </div>
            <div class="text">除了联动公安、法务打击外，统计团队也积极完善产品功能，不断升级。</div>
            <div class="text">统计团队现推出有力武器，能够有效识别并屏蔽黑灰产信息！</div>
            <div class="text">统计团队会对黑灰产数据进行智能屏蔽识别。一旦发现黑灰产信息，会毫不留情的进行屏蔽。最终用户在查询页面数据时，会发现黑产信息显示（已屏蔽）。网站概况报告中top数据也会智能剔除这些信息！</div>
            <div class="img">
                <img class="img-fluid" src="https://iph.href.lu/840x439?fg=666666&bg=cccccc" alt="">
            </div>
            <div class="text">
                一直以来，黑灰产在客户报告里刷垃圾广告信息的情况屡禁不止，这些机构无视法律法规，在违法的边缘反复试探，对广大统计用户造成了很大的打扰和数据异常。
            </div>
            <div class="text">除了联动公安、法务打击外，统计团队也积极完善产品功能，不断升级。</div>
            <div class="text">统计团队现推出有力武器，能够有效识别并屏蔽黑灰产信息！</div>
            <div class="text">统计团队会对黑灰产数据进行智能屏蔽识别。一旦发现黑灰产信息，会毫不留情的进行屏蔽。最终用户在查询页面数据时，会发现黑产信息显示（已屏蔽）。网站概况报告中top数据也会智能剔除这些信息！</div>
        </div>
    </div>
    <div class="right">
        <div class="hot-news">
            <div class="hot-news-title">
                热门资讯
            </div>
            <div class="hot-news-list">
                <div class="hot-news-item">
                    <img src="https://iph.href.lu/16x16?fg=666666&bg=cccccc" alt="">
                    <div class="hot-link"> 银链食安餐饮安心码云平台</div>
                </div>
                <div class="hot-news-item">
                    <img src="https://iph.href.lu/16x16?fg=666666&bg=cccccc" alt="">
                    <div class="hot-link"> 银链食安餐饮安心码云平饮安心台</div>
                </div>
                <div class="hot-news-item">
                    <img src="https://iph.href.lu/16x16?fg=666666&bg=cccccc" alt="">
                    <div class="hot-link"> 银链食安餐饮安心码</div>
                </div>
            </div>
        </div>
    </div>
</div>

<footer>
    <div class="container-md d-flex flex-column flex-md-row justify-content-between">
        <div class="footer-left d-flex flex-column flex-md-row ">
            <div class="company-info">
                <div class="company-name footer-light d-flex align-items-center">
                    <img width="23" style="margin-right: 10px;" src="./../static/index/logo-2.png" alt="">
                    <span>
                        海南银链食安科技有限公司
                    </span>
                </div>
                <div class="item">
                    运营中心地址：上海市闵行区吴中路1819号318室
                </div>
                <div class="item">
                    电话：021 5902 6018
                </div>
                <div class="item">
                    咨询邮箱：ylsa@ylaxm.com
                </div>
                <div class="icon-wrap">
                    <img style="margin-right: 10px;" src="https://iph.href.lu/30x30?fg=666666&bg=cccccc" alt="">
                    <img src="https://iph.href.lu/30x30?fg=666666&bg=cccccc" alt="">
                </div>
            </div>
            <div class="web-info-wrap d-flex justify-content-center">
                <div class="web-info">
                    <div class="footer-light">关于我们</div>
                    <div class="item">公司咨询</div>
                    <div>加入我们</div>
                </div>
            </div>

        </div>
        <div class="footer-right d-flex">
            <div class="qrcode-wrap" style="margin-right: 40px">
                <img src="https://iph.href.lu/120x120?fg=666666&bg=cccccc" alt="">
                <div> 扫一扫了解更多</div>
            </div>
            <div class="qrcode-wrap">
                <img src="https://iph.href.lu/120x120?fg=666666&bg=cccccc" alt="">
                <div> 扫一扫了解更多</div>
            </div>
        </div>
    </div>

    <div class="copyright-wrap">
        <div>
            © Copyrights 2020-2023 海南银链食安科技有限公司 丨 沪ICP备202399999号
        </div>
        <div>
            沪公安网备 100010001010号
        </div>
    </div>
</footer>

<script src="../js/jquery-3.5.1.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/rem.js"></script>
<script src="../bootstrap-5.3.0-alpha1-dist/js/bootstrap.min.js"></script>
</body>

</html>
